$(function () {
  // 初始化右侧滚动条
  // 这个方法定义在scroll.js中
  resetui(); //重置滚动条的位置
  // 发送按钮绑定鼠标点击事件
  $("#btnSend").on("click", function () {
    var text = $("#ipt").val().trim();
    if (text.length <= 0) {
      return $("#ipt").val(""); // 防止内容为空格 没有恢复原样
    }
    // 如果用户输入了聊天内容, 则将聊天内容追加到页面上显示
    $("#talk_list").append(`<li class="right_word">
      <img src="img/person02.png" /> <span>${text}</span>
    </li>`);
    $("#ipt").val(""); //清空输入框
    resetui(); // 添加完内容 重置滚动条的位置
    // 发起请求 获取聊天内容
    getMsg(text);
  });
  // 获取聊天机器人发送回来的消息
  function getMsg(text) {
    $.ajax({
      type: "GET",
      url: "http://www.liulongbin.top:3006/api/robot",
      data: {
        spoken: text,
      },
      success: function (res) {
        if (res.message === "success") {
          // 接收聊天消息
          var msg = res.data.info.text; // 内容
          $("#talk_list").append(
            `<li class="left_word"><img src="img/person01.png" /> <span>${msg}</span></li>`
          );
          resetui(); //重置滚动条的位置
          getVoice(msg);
        }
      },
    });
  }
  // 将机器人聊天内容转为语音
  function getVoice(text) {
    $.ajax({
      method: "GET",
      url: "http://www.liulongbin.top:3006/api/synthesize",
      data: {
        text,
      },
      success: (res) => {
        if (res.status === 200) {
          // 播放语音
          $("#voice").attr("src", res.voiceUrl);
        }
      },
    });
  }
  // 文本框绑定keyup 事件
  $("#ipt").on("keyup", function (e) {
    if (e.keyCode === 13) {
      $("#btnSend").click();
    }
  });
});
